<template>
  <div class="page-container">
    <img :src="imgUrl" alt="">
    <h1>哎呀亲…你访问的页面出错了！</h1>
    <p style="margin-bottom: 20px;" >哎你输入的网址有误或者链接已经过期。</p>
    <router-link to="/index" ><Icon type="home"></Icon>返回首页</router-link>
  </div>
</template>

<script>
import sUrl from '@/assets/image/404.png';
  export default {
    name : "error.index"
    ,title : "404"
    ,data(){
      return {
         imgUrl:sUrl
      }
    }
    ,created(){
      document.title = '404';
    }
    ,mounted(){
    
    }
  }
</script>

<style lang="scss" scoped>
    .page-container {
        text-align: center;
        /*color: rgb(192, 204, 218);*/
    }
</style>